layui.config({
    base: '/src/'
}).use('index', function () {
    var $ = layui.$,
        admin = layui.admin,
        main = layui.main,
        setter = layui.setter,
        layer = layui.layer,
        dropdown = layui.dropdown,
        form = layui.form,
        table = layui.table;
    var pid = 0;
    //加载列表
    table.render({
        elem: '#LAY-app-dept-list',
        url: setter.serverAdd + 'system/dept/Query',
        where: {
            parentid: pid,
        },
        title: '数据表',
        toolbar: '#toolbarDemo',
        page: true,
        cols: [
            [
                { type: 'checkbox', fixed: 'left' }, { field: 'deptname', title: '部门名称' },
                { field: 'deptmemo', title: '部门描述' },
                { title: '下一级', width: 100, align: 'center', fixed: 'right', toolbar: '#tableoption' },
                { title: '操作', width: 140, align: 'center', fixed: 'right', toolbar: '#LAY-app-dept-toolbar' }

            ]
        ],
        done: function (res) {
            dropdown.render({
                elem: '.rowMode',
                data: [
                    { id: 'default-row', title: '单行模式（默认）' }, { id: 'multi-row', title: '多行模式' }
                ],
                // 菜单被点击的事件
                click: function (obj) {
                    switch (obj.id) {
                        case 'default-row':
                            table.reload('LAY-app-dept-list', { lineStyle: null }); //恢复单行
                            break;
                        case 'multi-row':
                            table.reload('LAY-app-dept-list', { lineStyle: 'height: 95px;' });
                            break;
                    }
                }
            });
        }
    });

    //查询
    form.on('submit(table-search)', function (data) {
        debugger
        var field = data.field;
        data.field.parentid = pid;
        table.reload('LAY-app-dept-list', { page: { curr: 1 }, where: field });
        return false; //阻止默认form 跳转
    });

 //查询
    form.on('submit(add)', function (data) {
        debugger 
        layer.open({
            type: 2,
            title: '添加单位部门信息',
            shadeClose: true,
            maxmin: true, //开启最大化最小化按钮
            area: ['60%', '80%'],
            content: setter.views + 'system/dept/yj__dept_add.html'
        });

    });
    // //工具栏事件（添加）
    // table.on('toolbar(LAY-app-dept-list)', function (obj) {
    //     var options = obj.config; //获取当前表格属性配置项
    //     var checkStatus = table.checkStatus(options.id); //获取选中行相关数据
    //     // 根据不同的事件名进行相应的操作
    //     switch (obj.event) { //对应模板元素中的 lay-event 属性值
    //         case 'add':
    //             layer.open({
    //                 type: 2,
    //                 title: '添加单位部门信息',
    //                 shadeClose: true,
    //                 maxmin: true, //开启最大化最小化按钮
    //                 area: ['60%', '80%'],
    //                 content: setter.views + 'system/dept/yj__dept_add.html'
    //             });
    //             break;
    //     };
    // });

    //单元格工具事件 (编辑&更多)
    table.on('tool(LAY-app-dept-list)', function (obj) {
        var data = obj.data; //获得当前行数据
        if (obj.event === 'edit') {
            layer.open({
                type: 2,
                title: '编辑',
                shadeClose: true,
                maxmin: true,
                area: ['60%', '80%'],
                content: setter.views + 'system/dept/yj__dept_edit.html?id=' + data.deptid
            });
        } else if (obj.event === 'more') { //下拉菜单-更多
            dropdown.render({
                elem: this, //触发事件的 DOM 对象
                show: true, //外部事件触发即显示
                data: [
                    { title: '详情', id: 'see' }, { title: '删除', id: 'del' }
                ],
                click: function (menudata) {
                    if (menudata.id === 'see') {
                        layer.open({
                            type: 2,
                            title: '详情',
                            shadeClose: true,
                            maxmin: true,
                            area: ['60%', '80%'],
                            content: setter.views + 'system/dept/yj__dept_info.html?id=' + data.deptid
                        });
                    } else if (menudata.id === 'del') {
                        layer.confirm('确认删除 ?', function (index) {
                            admin.req({
                                url: 'system/dept/Delete',
                                type: 'delete',
                                data: { id: data.deptid },
                                done: function (res) {
                                    if (res.successful) {
                                        obj.del(); //删除对应行（tr）的DOM结构
                                        layer.close(index);
                                    }
                                    admin.msg_success(res.msg);
                                }
                            });
                        });
                    }
                },
                align: 'right', //右对齐弹出
                style: 'box-shadow: 1px 1px 10px rgb(0 0 0 / 12%);' //设置额外样式
            });
        } else if (obj.event == 'next') {
            debugger
            pid = data.deptid;
            $("#parentid").val(pid);
            table.reload('LAY-app-dept-list', {
                where: { // 传递数据异步请求时携带的字段
                    parentid: pid,
                },
            });
            if (pid != "0") {
                admin.req({
                    url: 'system/dept/GetMenuPath',
                    type: 'get',
                    data: { id: pid },
                    done: function (res) {
                        $("#divpath").html(res.data);
                        $('.layuiadmin-btn-dept-list').on('click', function () {
                            var type = $(this).data('type');
                            active[type] ? active[type].call(this) : '';
                        });
                    }
                });
            }
        }
    });
    $('.layuiadmin-btn-dept-list').on('click', function () {
        debugger
        var type = $(this).data('type');
        active[type] ? active[type].call(this) : '';
    });
    //事件
    var active = {
        next: function () {
            var pid = $(this)[0].id;
            table.reload('LAY-app-dept-list', {
                where: { // 传递数据异步请求时携带的字段
                    parentid: pid,
                },
            });
            admin.req({
                url: 'system/dept/GetMenuPath',
                type: 'get',
                data: {
                    id: pid
                },
                done: function (res) {
                    $("#divpath").html(res.data);
                    $('.layuiadmin-btn-dept-list').on('click', function () {
                        var type = $(this).data('type');
                        active[type] ? active[type].call(this) : '';
                    });
                }
            });
        }
        // ,addbm:function(){
        //     layer.open({
        //         type: 2,
        //         title: '添加单位部门信息',
        //         shadeClose: true,
        //         maxmin: true, //开启最大化最小化按钮
        //         area: ['60%', '80%'],
        //         content: setter.views + 'system/dept/yj__dept_add.html'
        //     });
    
        // }

    }
});